[#compress]
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>[#if title?has_content]${title?html}[#else]pai友圈[/#if]</title>
    <link rel="shortcut icon" href="/favicon.ico"/>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css?v=3">
    <link rel="stylesheet" href="/static/mint-ui/lib/style.css?v=3">
    <link rel="stylesheet" href="/static/icon/iconfont.css?v=3">
    <link rel="stylesheet" href="/static/css/common.css?v=3">
    [@style/]
</head>
<body>
<!-- 等待页面加载动画 -->
<div id="appLoading" class="sk-three-bounce-wrapper">
    <div class="sk-three-bounce">
        <div class="sk-child sk-bounce-1"></div>
        <div class="sk-child sk-bounce-2"></div>
        <div class="sk-child"></div>
    </div>
    <h5>页面加载中,请稍候...</h5>
</div>
<div id="appHeader" v-show="isShow" style="display: none">
    <mt-header fixed title="[#if title?has_content]${title?html}[#else]pai友圈[/#if]">
        <mt-button slot="left" icon="back" @click="handleBack">返回</mt-button>
        <a :href="right.link" :class="['iconfont', right.className]" slot="right" style="color: #FFFFFF"></a>
    </mt-header>
</div>
<!-- 等待页面加载动画End -->
<div id="app" class="container-fluid" style="display: none">
    [@body/]
</div>
<footer id="appFooter" class="fixed-bottom"
        v-show="isShow" style="display: none">
    <mt-tabbar>
        <mt-tab-item id="game" href="/">
            <img slot="icon" src="/static/images/home/home.svg">
            游戏大厅
        </mt-tab-item>
        [@shiro.hasPermission name="gamemaster:game:room:manage"]
            <mt-tab-item id="chat" href="/room/manage">
                <img slot="icon" src="/static/images/home/chat.svg">
                房间管理
            </mt-tab-item>
        [/@shiro.hasPermission]
        [@shiro.lacksPermission name="gamemaster:game:room:manage"]
            <mt-tab-item id="chat" href="/room/chat">
                <img slot="icon" src="/static/images/home/chat.svg">
                聊天室
            </mt-tab-item>
        [/@shiro.lacksPermission]
        <mt-tab-item id="customer" href="/customer/index">
            <img slot="icon" src="/static/images/home/center.svg">
            个人中心
        </mt-tab-item>
    </mt-tabbar>
</footer>
<script>
    if (!('Promise' in window)) {
        // 动态判断加载promise-polyfill
        var script = document.getElementsByTagName('script')[0];
        document.body.removeChild(script);
        script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = '/static/promise-polyfill/polyfill.min.js';
        document.body.appendChild(script);
    }
</script>
<script src="/static/vue/dist/vue.min.js"></script>
<script src="/static/axios/dist/axios.min.js"></script>
<script src="/static/mint-ui/lib/index.js"></script>
<script src="/static/js/utils.js?v=3"></script>
<script src="/static/js/request.js?v=3"></script>
<script src="/static/js/common.js?v=3"></script>
<script src="/static/js/_layout.js?v=3"></script>
[@script/]
<script>
    /**************** 等待页面加载动画JS ****************/
    new Vue({
        el: '#appLoading',
        mounted: function () {
            document.querySelector('#appLoading').style.display = 'none';
            if (appHeader.isShow) {
                document.querySelector('#appHeader').style.display = 'block';
            }
            document.querySelector('#app').style.display = 'block';
            if (appFooter.isShow) {
                document.querySelector('#appFooter').style.display = 'block';
            }
        }
    });
</script>
</body>
</html>
[/#compress]